今天的內容要來介紹一下 HTML 的基本寫法，
前面使用範例原始碼建立了 HTML 檔案，
接著就要來好好記一下 HTML 是依照什麼樣的規則來編寫。

• HTML 的基本語法與標籤

  前面練習輸入範例原始碼時，會不斷看到如同「< OO >......</ OO >」這樣的字串，
  這種 < OO > 形式的字串稱為標籤。
  HTML 是用這種標籤來描述所有的事情，
  而標籤有很多種類，「使用哪種標籤包夾」就會改變對應的功能。

  標籤都是兩兩一組的，寫在前面的是用「<」與「>」包夾的標籤，稱為開始標籤；
  而寫在最後面，用「</」與「>」包夾的標籤，則稱為結束標籤，
  整組標籤的內容則稱為元素。

  • 開始標籤與結束標籤通常都是成對使用，偶爾也會出現沒有結束標籤的情況。

  

• 編寫標籤時的規則

  • 用半形英數字編寫
    輸入標籤中的文字時，規則和檔案名稱一樣，不可以使用全形字。

  [正確範例]
  <p>製作網站</p>
  

  [錯誤範例]
  <ｐ>製作網站<／ｐ>
  

  (應該有看出差異吧！)

  • 大寫字母與小寫字母
    在標籤中，使用大寫字母與小寫字母基本上沒有差別，
    但是在某些版本的 HTML 語言中必須用小寫描述，因此建議統一使用小寫字母。

• 標籤中的標籤：巢狀結構

  仔細觀察 HTML 的內容，會發現在開始標籤與結束標籤之間通常還會插入其他標籤。
  例如前一天的範例原始碼，在 < html > 標籤裡面有一組 < head > 標籤，
  在 < head > 標籤裡還有一組 < title > 標籤等。
  這種寫法就稱為巢狀結構。

  可以把這種巢狀結構想像成是一層一層、互相套住的盒子，
  最外層的標籤是最大的盒子，一層層包覆著更小的盒子，慢慢建構出整個巢狀的標籤結構。

  • 在撰寫原始碼時，建議一定要從內到外檢查，看看是否每一層都有依序寫出結束標籤。

  

  

• 在標籤內加入「屬性」和「值」等資料

  有些標籤會在開始標籤裡面寫上關於該標籤的附加資料。
  這種資料的種類稱為屬性，寫法是在標籤名稱後加上空格再描述。
  資料的內容則稱為值，其寫法是用「"(雙引號)」包圍住。

  • 注意：資料的屬性會因為標籤而異。

  例如「a」標籤是建立超連結用的標籤，我們會把要連結的網址寫在這個標籤裡面，
  並用「href」屬性來指定超連結目標的 URL。

  

  • 這段原始碼表示「關於我們」這四個字是一個超連結元素(以 < a > 標籤包圍住的元素)，
    並在標籤內以「href 屬性」說明要連結的 URL 是「about.html」(值)。

  Point
  -----
  標籤有各式各樣的種類，不同的標籤會有不一樣的功能。
  在開始標籤內加入屬性，可以補充更多資料。
  

學會了 HTML 的基本寫法後，接下來就可以學習建立網頁標題、內文，甚至是插入影像了。
雖然進度稍微緩慢一點，但把基礎功打好可是不可或缺的！

那麼我是沒魚，這是我的第七天，明天見啊

<上一篇> [Day6]HTML 檔案的架構
<下一篇> [Day8]建立網頁標題＆輸入網頁內文